<template>
    <el-container>
        <el-main class="pdl-10 pdr-0 pdt-0 pdb-0">
            <!-- 搜索条件 -->
            <el-card>
                <MyForm  ref="myFormRef" :configs="configs" @onSearch="search" @onReset="search" :btnConfig="{ Sapn: 6,span: 6 }"></MyForm>
            </el-card>
            <div class="pdl-10 pdr-10 pdt-10 pdb-10 bgc-white mgt-10">
                <div>
                    <el-button type="success" icon="el-icon-plus"  size="mini">新增</el-button>
                    <el-button type="danger" icon="el-icon-delete" size="mini" @click="deleteUser">删除</el-button>
                </div>
                <MyTable class="mgt-10" ref="tableRef" :headerCellStyle="headerCellStyle" :cellStyle="cellStyle" :table-data="tableData"
                    :columns="columns" :pagination="pagination" :total="total" @pageChange="loadData" row-key="fxTid" @selection-change="selectChange">
                    <template #_front>
                        <el-table-column align="center" type="selection" width="50" reserve-selection> </el-table-column>
                    </template>
                    <template #_end>
                        <el-table-column label="操作" width="220" fixed="right">
                            <template slot-scope="scope">
                                <span class="color-blue fs-4"><i class="el-icon el-icon-s-promotion" />分配权限</span>
                                <span class="mgl-5 color-blue"><i class="el-icon el-icon-edit" />编辑</span>
                                <span class="mgl-5 color-blue"><i class="el-icon el-icon-delete" @click="deleteUser(scope.row)"/>删除</span>
                            </template>
                        </el-table-column>
                    </template>
                </MyTable>
            </div>
        </el-main>
    </el-container>
</template>

<script>
import mixins from '@/mixins/table.js'
export default {
  name: 'role',
  mixins: [mixins],
  props: {

  },
  components: {

  },
  data() {
    return {
      configs: [
          { span: 6, labelWidth:'80px', label: '关键字', key: 'personName', type: 'input',placeholder:'请输入员工姓名/编码/手机号' }
      ],
      columns: [
        { label: '角色名称', prop: 'fpersonName' },
        { label: '角色编码', prop: 'fnumber'},
        { label: '状态', prop: 'status'},
        { label: '创建时间', prop: 'fadminName' },
        { label: '修改时间', prop: 'approveReason' }
      ],
    };
  },
  computed: {

  },
  watch: {

  },
  created() {

  },
  mounted() {

  },
  methods: {

  },
}
</script>

<style scoped lang="scss">

</style>